<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>查看视频</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />

    <meta name="viewport"
        content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./fonts/onephoto/iconfont.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <link rel="stylesheet" href="./css/comvideo.css">

    <!--[if lt IE 9]>
      <script src="./lib/ie9/html5.min.js"></script>
      <script src="./lib/ie9/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <div class="videoWrap clearfix">
        <div class="clearfix videoContW">
            <div class="videoCont">
                <video src="" poster=""></video>
            </div>
            <div class="videoCont">
                <video src="" poster=""></video>
            </div>
            <div class="videoCont">
                <video src="" poster=""></video>
            </div>
            <div class="videoCont">
                <video src="" poster=""></video>
            </div>
        </div>
        <a href="javascript:;" id="closeBtn">关闭</a>
    </div>
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/config.js"></script>
    <script type="text/javascript" src="./lib/layui/layui.js"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <script type="text/javascript">
        layui.use(['table'], function () {
            $ = layui.jquery;
            var table = layui.table;
            var hideMenu = [];
            var wData = {
                Command: "ReadPagingData",
                TableName: "DotBanks"
            };
            var url = './data/jk_datajk.json';
            var headArr = [
                { field: 'id', title: '序号', sort: true },
                { field: 'sbxh', title: '设备编号' },
                { field: 'dz', title: '设备详细地址' },
                { field: 'leix', title: '设备类型' },
                { field: 'xinghao', title: '设备型号' },
                { field: 'jw', title: '经纬度' },
                { field: 'zt', title: '设备状态' },
                { title: '操作', toolbar: '#barDemo' }
            ];

            /*************表格***************/

            var tab = renderTable(table, url, '#tableL', wData, headArr, function (res) {
                $('[data-field=Id]').hide();
            });

            //修改跳转
            table.on('tool(tableL)', function (obj) {
                var that = this;
                var data = obj.data;
                if (obj.event === 'lookbtn') {
                    store.save('editData', data);
                   // window._status = x_admin_show('设备状态详情', './sh-bank_edit.html');
                }
            });

            //关闭弹窗页面
            $('#closeBtn').click(function () {
                //x_admin_close();
                parent.layui.close(window._status);
            })

        });

    </script>
</body>

</html>